<oem-drawer>
  <oem-drawer-popup hidden>
    <oem-drawer-popup-wrap>
      <div class="content mt-10">
        <form id="pc_search_form" action="/search" onsubmit="return shopSearch('.search_txt_popup')">
          <div class="close_search cursor-pointer mb-2">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="icon icon-close w-h-20"><path d="M 38.982422 6.9707031 A 2.0002 2.0002 0 0 0 37.585938 7.5859375 L 24 21.171875 L 10.414062 7.5859375 A 2.0002 2.0002 0 0 0 8.9785156 6.9804688 A 2.0002 2.0002 0 0 0 7.5859375 10.414062 L 21.171875 24 L 7.5859375 37.585938 A 2.0002 2.0002 0 1 0 10.414062 40.414062 L 24 26.828125 L 37.585938 40.414062 A 2.0002 2.0002 0 1 0 40.414062 37.585938 L 26.828125 24 L 40.414062 10.414062 A 2.0002 2.0002 0 0 0 38.982422 6.9707031 z"></path></svg>
          </div>
          <div class="relative flex items-center flex-1 input_wrap">
            <input type="text" class="search_txt_popup" placeholder="{{search_text}}"/>
            <button type="submit">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="icon-search-1 p-relative"><path d="M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z"></path></svg>
            </button>
          </div>
        </form>
      </div>
    </oem-drawer-popup-wrap>
    <oem-drawer-popup-mask></oem-drawer-popup-mask>
  </oem-drawer-popup>
</oem-drawer>


<script>
$(function() {
  $('.mobile_search_icon').on('click', function () {
    $('oem-drawer').find('oem-drawer-popup').removeAttr('hidden');
  });
  $('oem-drawer-popup-mask').on('click', function (e) {
    e.stopPropagation();
    $(this).parent('oem-drawer-popup').attr('hidden', '');
  });
  $('oem-drawer-popup-wrap .close_search').on('click', function (e) {
    e.stopPropagation();
    $('oem-drawer-popup').attr('hidden', 'hidden');
  });
})
</script>